<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="学习HTML和css">
    <meta name="keywords" content="巩固HTML和css知识">
    <link rel="stylesheet" href="css/style.css">
    <title>首页-关于我们</title>
</head>
<body>
    <header>
        <nav id="navbar">
            <h1><a href="index.html">首页练习</a></h1>
            <ul>
                <li>
                    <a  href="index.html">首页</a>
                </li>
                <li>
                    <a class="current" href="about.html">关于我们</a>
                </li>
                <li>
                    <a href="contact.html">联系我们</a>
                </li>
            </ul>
        </nav>
    </header>
    <section id="about-info" class="py bg-light">
        <div class="container">
            <div class="info-left">
                <h1 class="l-heading">关于<span class="text-primary">我们</span></h1>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto quae voluptate necessitatibus odio illum corrupti recusandae eaque a ad alias eligendi, amet laudantium? Quae possimus recusandae maiores libero cupiditate deserunt?</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nostrum eius voluptatibus in repudiandae similique, excepturi ea repellat quam impedit vero.</p>

            </div>
            <div class="info-right">
                <img src="./img/f1.jpg" alt="头像">
            </div>
        </div>
    </section>
    <section id=testimonials>
        <div class="container">
            <h2 class="l-heading">首页评价</h2>
                <div class="testimonial bg-primary">
                    <img src="./img/toux2.jpg" alt="tox">
                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci eius libero facilis in doloribus! Enim commodi officiis possimus soluta exercitationem nihil asperiores, esse quis eius laborum. Consectetur rerum quae soluta delectus illo id quam iste eos expedita et eius cupiditate doloremque recusandae similique iure deserunt sit, laudantium sunt tempora vero.</p>
                </div>
                <div class="testimonial bg-primary">
                    <img src="./img/toux3.jpg" alt="tox1">
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi minima distinctio cumque nihil dolor vero excepturi magnam eius explicabo et neque voluptate itaque repellat suscipit ex unde, dolorum exercitationem. Odio perferendis incidunt facere neque, omnis fugit rerum aut eius, quibusdam aliquam laudantium vero ipsum minus eos mollitia alias est accusamus.</p>
                </div>
        </div>
    </section>
    <footer id="main-footer">
        <p>首页 &copy; 2021,All Rights Reserved</p>
    </footer>
</body>
</html>